@import "../../component/header/header.scss";
@import "../../component/footer/footer.scss";
@import "../../component/s-banner/s-banner.scss";
@import "../../component/bread/bread.scss";
@import "../../component/shiting-list/shiting-list.scss";
@import "../../component/side/side.scss";
@import "../../component/title/title.scss";
@import "../../component/no-data/no-data.scss";
@import '../../component/login/login.scss';

.main {
    .video-viewport {
        width: 955px;
        height: 540px;
        background: url("../../img/shipin-bofang-loading.jpg") center center;
    }
    .main-side {
        background-color: #313131;
        height: 540px;
        width: 230px;
        position: relative;
        .main-info-title {
            box-sizing: border-box;
            width: 220px;
            height: 140px;
            color: white;
            background-color: #222;
            padding-left: 35px;
            padding-top: 40px;
            p:nth-of-type(1) {
                font-size: 22px;
                margin-bottom: 20px;
            }
        }
        .main-info {
            padding: 30px 0;
            width: 180px;
            margin: auto;
            .main-info-1 {
                color: white;
                line-height: 1.6;
                border-bottom: 1px dashed white;
                padding-bottom: 30px;
                p:nth-of-type(2) {
                    span {
                        color: $orange;
                    }
                }
            }
            .main-info-2 {
                color: white;
                line-height: 1.6;
                padding-top: 30px;
            }
        }
        .main-btn {
            position: absolute;
            bottom: 60px;
            left: 25px;
            a {
                @include btn(170,44,16,$orange);
            }
        }
    }
}

.about {
    margin-bottom: 60px;
    .about-list {
        width: 955px;
    }
}
